<template>
  <div class="radio">
    <div class="title">电台</div>
    <div class="radio-wapper">
      <ul>
        <li v-for="item in radioList" :key="item.id">
          <img class="radio-img" :src="item.picUrl"/>
          <span>{{item.Ftitle}}</span>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'RecommendRadio',
  props: {
    radioList: Array
  },
  data () {
    return {
      list: []
    }
  }
}
</script>
<style lang="stylus" scoped>
@import "~common/stylus/variable.styl"
.radio
  overflow hidden
  width 100%
  padding-bottom 60%
  height 0
  .title
    margin 15px
    font-size $font-size-medium-x
    color $color-text-l
  .radio-wapper
    display flex
    li
      float left
      width 40%
      padding 0 5%
  .radio-img
    width 100%
    height 100%
</style>
